import { createRouter, createWebHashHistory } from 'vue-router'
import login from '../views/login.vue'
import home from '../views/home.vue'


import imgSeparate from '../views/imgSeparate.vue'
import advance_ph from '../views/advance_ph.vue'
import advance_rh from '../views/advance_rh.vue'
import advance_xtx from '../views/advance_xtx.vue'
import advance_zl from '../views/advance_zl.vue'
import advance_xb from '../views/advance_xb.vue'
import advance_pf from '../views/advance_pf.vue'
import visi from '../views/visi.vue'
import rebuild from '../views/rebuild.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: home
  },
  {
    path: '/login',
    name: 'login',
    component: login
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
  },


  {
    path: '/imgSeparate',
    name: 'imgSeparate',
    component: imgSeparate

  },
  {
    path: '/advance_ph',
    name: 'advance_ph',
  	component: advance_ph
  },
  {
    path: '/advance_rh',
    name: 'advance_rh',
  	component: advance_rh
  },
  {
    path: '/advance_xtx',
    name: 'advance_xtx',
  	component: advance_xtx
  },
  {
    path: '/advance_zl',
    name: 'advance_zl',
  	component: advance_zl
  },
  {
    path: '/advance_xb',
    name: 'advance_xb',
  	component: advance_xb
  },
  {
    path: '/advance_pf',
    name: 'advance_pf',
  	component: advance_pf
  },
  {
    path: '/visi',
    name: 'visi',
  	component: visi
  },
  {
    path: '/rebuild',
    name: 'rebuild',
  	component: rebuild
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
